---
title: Apollo Docs Home
sidebar_title: Home
description: Explore the Apollo platform
---

import DocsetMenu from './components/docset-menu';
import { MenuWrapper } from './components/menu';
import WorkoutMenuItem from './components/workout-menu-item';
import { Button } from '@apollo/space-kit/Button';
import { IconRobot1 } from '@apollo/space-kit/icons/IconRobot1';
import { Link } from 'gatsby';
import { colors } from 'gatsby-theme-apollo-core';
import {
  ExpansionPanel,
} from 'gatsby-theme-apollo-docs/src/components/expansion-panel';
import { ReactComponent as BadmintonPlayer } from './assets/badminton-player.svg';
import { ReactComponent as Paragliding } from './assets/paragliding.svg';
import { ReactComponent as Weightlift } from './assets/weightlift.svg';
import { ReactComponent as Diving } from './assets/diving.svg';
import { ReactComponent as HeadLight } from './assets/head-light.svg';

Apollo is a platform for building a unified **graph**, a communication layer that helps you manage the flow of data between your application clients (such as web and native apps) and your back-end services. At the heart of the graph is a query language called **GraphQL**.

<blockquote>

### New to GraphQL or Apollo?

Welcome! 👋 Our learning platform, **Odyssey**, is the perfect place to start your GraphQL journey with videos and interactive code challenges. This documentation also provides a complete full-stack intro tutorial.

<p>
  <Button
    color={colors.primary}
    as={<Link to="https://odyssey.apollographql.com/?utm_source=apollo_docs&utm_medium=referral" />}
    style={{marginRight: 16, marginBottom: 16}}
  >
    Launch Odyssey
  </Button>
  <Button
    as={<Link to="/tutorial/introduction" />}
  >
    Start the tutorial
  </Button>
</p>

</blockquote>

### Documentation sets

<DocsetMenu />
